<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <style type="text/css">
        body {
            font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
            color: #666;
        }
        .nav-pills{width: 150px}
        .nav-pills{top:30px}

        .carousel-inner .item img{margin: 0 auto}

        #footer {
            padding: 20px;
            text-align: center;
            background-color: #eee;
            border-top: 1px solid #ccc;
        }

        .jumbotron {
            margin: 50px 0 0 0;

            color: #ccc;
        }
        .jumbotron h1{
            font-size: 26px;
            padding: 0 0 0 20px;
        }
        .jumbotron h4 {
            font-size: 16px;
            padding: 0 0 0 20px;}


        #case{
            background-color: #eee;
            padding: 40px 0;
            text-align: center;
        }
        #case h4 {
            color: #666;
        }
        #case p {
            color: #666;
            line-height: 1.6;
        }

        #about{background-color: #eee;padding: 40px 15px}
        #about a {
            color: #0059b2;
        }

        #about .about{background-color: #fff;box-shadow: 2px 2px 3px #ccc;}
        #about h3{color: #333;font-size: 18px;border-bottom: 1px solid #eee}

    </style>
</head>
<body>
<!--导航条，在顶部固定:nav:html5新出的一个标记，具有比较强的语义性-->
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <!--导航条的头部-->
    <div class="navbar-header">
        <a class="navbar-brand" >
            Logo
        </a>
        <!-- 缩小之后的按钮 -->
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">

            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>

        </button>
    </div>


    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

        <ul class="nav navbar-nav navbar-right">

            <li th:if="${session.loginuser==null}"><a  id="login"><span class="glyphicon glyphicon-fire"></span><span id="login_info">登录</span></a></li>
            <li th:if="${session.loginuser!=null}"><a><span th:text="|${session.loginuser==null?'':session.loginuser.user_name}已经登录|"></span></a></li>
            <li th:if="${session.loginuser==null}"><a href="case.html"><span class="glyphicon glyphicon-fire"></span>注册</a></li>
            <li th:if="${session.loginuser!=null}"><a th:href="@{/front/userCenterUI}"><span class="glyphicon glyphicon-list"></span>个人中心</a></li>


        </ul>
    </div>

</nav>

<div class="jumbotron">
    <div class="container">

        <h1>关于</h1>


    </div>

</div>

<div id="about">
    <div class="container">
        <div class="row">
            <div class="col-md-3">
                <div class="list-group">
                    <a class="list-group-item" th:href="update.html" target="ifs">修改密码</a>
                    <a class="list-group-item" th:href="@{/front/getalluser}" target="ifs">我的资料</a>
                    <a class="list-group-item" th:href="@{/front/addVideoUI}" target="ifs">发布视频</a>
                    <a class="list-group-item" th:href="orders.html" target="ifs">我的上传</a>
                    <a class="list-group-item" th:href="@{/front/myCollectUI}" target="ifs">我的收藏</a>
                    <a class="list-group-item" th:href="@{/front/myGoodUI}" target="ifs">我的点赞</a>

                </div>
            </div>

            <div class="col-md-9 about" style="height: 1000px">
                <iframe name="ifs" width="100%" height="100%" frameborder="0"></iframe>
            </div>
        </div>
    </div>
</div>
<div id="footer" class="text-muted">
    <div class="container">
        <p>企业培训 | 合作事宜 | 版权投诉</p>
        <p>苏 ICP 备 12345678. © 2009-2016 瓢城企训网. Powered by
            Bootstrap.</p>
    </div>
</div>

<!--<script type="text/javascript" th:src="@{/asserts/js/jquery-1.12.3.min.js}"></script>-->
<!--<script type="text/javascript" th:src="@{/asserts/js/bootstrap.min.js}"></script>-->



</body>
</html>